<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--先引入jQuery插件-->
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <!--再引入jQuery延迟加载插件-->
    <script src="jquery.lazyload.min.js"></script>
    <script>
        $(window).load(function(){
            $(".lazy").lazyload();
        })
    </script>
</head>
<body>
   <div style="height: 20000px;"></div>
   <img class="lazy" data-original="imgs/1.jpg" width="640px" height="480">
   <img class="lazy" data-original="imgs/2.jpg" width="640px" height="480">
   <img class="lazy" data-original="imgs/3.jpg" width="640px" height="480">
</body>
</html>